<template>
	<div class="app">
		<div class="title_content">
			<div class="title_log">
				<image :src="mch.logo" style="width:56px;height:56px"></image>
			</div>
			<text class="page_header_title">{{mch.name}}</text>
		</div>
		<div class="search_input_content" @click="searchClick">
			<div class="icon_search">
				<icon class="icon" content="tb-search" fontSize="38"></icon>
			</div>
			<div>
				<text class="search_input">请输入商品名</text>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name: '',
		data() {
			return {}
		},
		created() { // 在实例创建完成后被立即调用
		},
		methods: {
			searchClick() {
				const eeui = app.requireModule('eeui');
				eeui.openPage({
						statusBarType: 'immersion',
						statusBarStyle: false,
						url: 'root://pages/goods/search/index.js'
					},
					(result) => {

					}
				);
			},
		},
		components: {},
	}
</script>

<style scoped>
	.app {
		flex: 1;
	}

	.content {
		width: 750px;
	}

	.app {
		width: 750px;
	}

	.title_content {
		height: 100px;
		display: flex;
		align-items: center;
		flex-direction: row;
		padding-left: 20px;
	}

	.search_input_content {
		width: 710px;
		height: 58px;
		/* border: 1px solid rgba(212, 215, 220, 1); */
		opacity: 0.95;
		border-radius: 50px;
		display: flex;
		margin-left: 20px;
		flex-direction: row;
		align-items: center;
		background-color: white;
		overflow: hidden;
		margin-top: 6px;
		margin-bottom: 20px;
	}

	.icon_search {
		margin-left: 20px;
	}

	.title_log {
		width: 56px;
		height: 56px;
	}

	.banner {
		display: flex;
		padding-right: 20px;
		width: 750px;
		border-radius: 16px;
		height: 350px;
	}

	.banner-frame {
		width: 710px;
		height: 10px;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 16px;
		position: relative;
	}

	.icon {
		width: 50px;
		height: 50px;
		color: rgba(42, 42, 54);
		opacity: 0.3;
	}

	.banner-image {
		width: 710px;
		height: 350px;
		border-radius: 16px;
	}

	.page_header_title {
		font-size: 32px;
		margin-left: 10px;
		color: white;
		font-weight: 700;
	}
</style>
